@import './base.less';
header {
    width: 100%;
    height: 11.7333vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;

    .shop {
        width: 100%;
        height: 100%;
        padding: 1.8667vw 0.8vw;
        // background-color: rgb(198, 198, 209);
        display: flex;

        a {
            width: 8.2667vw;
            // background-color: blueviolet;
            display: flex;
            // font-size: 4.2667vw;
            align-items: center;
            justify-content: center;

            i {
                // width: 100%;
                // height: 100%;
                // font-size: 7.2vw;
                font-size: 4.8vw;
                margin: 0 0.5333vw;
                color: rgb(0,0,0);

            }

        }

        .page {
            flex: 1;
            // background-color: antiquewhite;
            display: flex;

            h3 {
                position: absolute;
                font-size: 16px;
                line-height: 8vw;
                left: 39%;
            }
        }
    }
}
footer {
    width: 100%;
    position: fixed;
    z-index: 999;
    height: 13.3333vw;
    background-color: #fff;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid #000;

    a {
        text-align: center;

        .iconfont {
            font-size: 5.333vw;
        }

        p {
            font-size: 4.3333vw;

        }

        &.active {
            color: #ffb141;
        }
    }
}